import "taro-ui/dist/style/components/button.scss" // 按需引入
import { View, Text, Image } from '@tarojs/components'
import './message.less'
import { AtIcon } from 'taro-ui'

function Message() {
    const state = {
        list: [
            {
                value: 1,
                time: '10月10日 11:12',
                title: '您有一个新的订单！',
                content: '您有一个新的订单，快去接单吧!',
            },
            {
                value: 2,
                time: '1月10日 11:12',
                title: '恭喜您，阶段成功！',
                content: '恭喜您，接单成功，您当前距离客户300m',
            },
            {
                value: 3,
                time: '3月14日 11:12',
                title: '您的订单已开始服务！',
                content: '您的订单已开始服务！',
            },
            {
                value: 4,
                time: '7月1日 11:12',
                title: '您有一个新的转单',
                content: '您的订单已付款，请等待陪护员接单。',
            },
            {
                value: 5,
                time: '12月1日 11:12',
                title: '您的订单已取消',
                content: '您的订单已被取消，请查看！',
            }
        ]
    }
    return <View className="messageBox">
        {
            state.list.map((item, index) => {
                return (
                    <View className="peopleBox">
                        <View className="timeBox">
                            <Text>{item.time}</Text>
                        </View>
                        <View className="pBConBox">
                            <View>
                                <Text>{item.title}</Text>
                            </View>
                            <Text>{item.content}</Text>
                        </View>

                    </View>
                )
            })
        }

    </View>
}

export default Message;